<%@page contentType="text/html; charset=utf-8" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>功能权限介绍</title>
   <style>
        ul, li {  
            list-style: disc;
        }
        .css{
            width:20%; 
            height:350px;
            margin:10px;
            background:#ADD8E6;
            /* background:#00CED1; */
            float: left;
            border-radius: 10px; /* 添加圆角效果 */
            overflow: hidden; /* 避免内容溢出边框 */
            box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
        }
   </style>
</head>
<body>
    <ul class="css"  style="padding-right: 30px">
        <p></p>
        <strong style="margin-left: 20px; font-size: 18px">考试</strong>
        <p>
            <li>展示学生参加的所有考试及分数</li>
        </p>
        <p>
            <li>学生可以下载老师上传的考卷作答，并上传自己的答卷</li >
        </p>
        <p>
            <li>实时展示每场考试的剩余时间</li>
        </p>
    </ul >
    <ul class="css" style="padding-right: 30px">
        <p>
            <strong style="margin-left: 20px; font-size: 18px">成绩图</strong>    
        </p>
        <p> 
            <li>展示学生考试的分数条形图</li>
        </p>
        <p>
            <li>展示学生考试的分数折线图</li>
        </p>
    </ul>
    <ul class="css" style="padding-right: 30px">
        <p>
            <strong style="margin-left: 20px; font-size: 18px">云空间</strong>
        </p>
        <p>
            <li>学生可以上传留存自己的试卷文件</li>
        </p>
        <p>
            <li>支持模糊查询，方便文件多时的查找</li >
        </p>
        <p>
            <li>云文件随点即下，方便快捷</li >
        </p>
    </ul >
</body>
</html>
